<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/style.css" />
    <title>Document</title>
  </head>

  <body>
    <header>
      <div class="logo">
        <img src="./images/logo.png" alt="" />
      </div>
      <nav>
        <div class="nav">
          <div class="nav-left">
            <img src="./images/location.png" alt="" />
            <span>深圳&lt;切换&gt;</span>
          </div>
          <div class="nav-mid">
            <span>首页</span>
            <span>资讯</span>
            <span>测评</span>
            <span>商城</span>
          </div>
          <div class="nav-right">
            <img src="./images/adm.png" alt="" />
            <span>个人中心</span>
          </div>
        </div>
      </nav>
    </header>
    <main>
      <div class="main-left">
        <div class="main-left-head"><a href="./pages/profile.html" target="a">用户中心首页</a></div>
        <div class="tabs-container">
         
          <div class="tabs">
            <div>我的检测</div>
            <div>上门检测</div>
            <div>DIY检测</div>
          </div>
          <div class="tabs">
            <div>我的治理</div>
            <div>上门治理</div>
          </div>
          <div class="tabs">
            <div>我的装修</div>
            <div>装修方案</div>
          </div>
          <div class="tabs">
            <div>我的收藏</div>
            <div>装修材料</div>
            <div>净化产品</div>
            <div>资讯</div>
            <div>测评</div>
          </div>
          <div class="tabs">
            <div>我的检测</div>

            <div>
              <a href="./pages/mobile.html" target="a">绑定手机/微信</a>
            </div>

            <div>
              个人资料</div>
              <div>修改密码</div>
          </div>
          
          <div class="tabs">
            <div>积分管理</div>
            <div>积分兑换</div>
            <div>积分等级</div>
            <div>积分任务</div>
          </div>
        </div>
      </div>
      <div class="main-right">
        <iframe src="./pages/profile.html" name="a"></iframe>
      </div>
    </main>
    <footer>
      <div class="footer-main">
        <div class="footer-left">
          <img src="./images/footerLogo.png" alt="" />
          <p><strong>为室内环境健康把好每一关</strong></p>
          <p>
            家居医生致力于中国人的家居健康问题，通过专业的技术研究和测评，倾力协助大众打造绿色、环保的人居生活环境。
          </p>
        </div>
        <div class="footer-right">
          <div class="footer-item">关于我们</div>
          <div class="footer-item">版权说明</div>
          <div class="footer-item">
            <img src="./images/weixin2.png" alt="" />
            官方微信
          </div>
          <div class="footer-item">联系我们</div>
          <div class="footer-item">用户隐私</div>
          <div class="footer-item">
            <img src="./images/tianmao.png" alt="" />
            天猫旗舰店
          </div>
          <div class="footer-item">加入我们</div>
          <div class="footer-item">免责声明</div>
          <div class="footer-item">
            <img src="./images/shop.png" alt="" />
            有赞商城
          </div>
        </div>
      </div>
      <hr />
      <div class="copy-right dis-f">
        <p>
          深圳建筑科学研究院股份有限公司 家居医生网
        </p>
        <p>粤ICP备08011321号&copy;Copyright All Rights Reserved</p>
      </div>
    </footer>
  </body>
</html>
